<template>
  <el-card style="margin-bottom: 10px">
    <!-- <h6 style="text-align: left">柴油机</h6> -->
    <div
      class="box"
      style="display: flex; flex-wrap: wrap; flex-direction: column"
    >
      <div>
        <CardData
          type="主机(转速)"
          :data="props.dataList.cyjzs"
          unit="r/min"
          :point="[0, 1000]"
        ></CardData>
      </div>
      <div>
        <CardData
          type="增压器(转速)"
          :data="props.dataList.zyqzs"
          unit="r/min"
          :point="[0, 30000]"
        ></CardData>
      </div>
      <div>
        <CardData
          type="主机(淡水)"
          :data="props.dataList.zjds"
          unit="/℃"
          :point="[0, 60]"
        ></CardData>
        <CardData
          type="主机(滑油)"
          :data="props.dataList.zjry"
          unit="/℃"
          :point="[0, 80]"
        ></CardData>
        <CardData
          type="主机(滑油压力)"
          :data="props.dataList.zjry"
          unit="/bar"
          :point="[0, 80]"
        ></CardData>
      </div>
      <div>
        <!-- <CardData type="增压器(淡水)" :data="props.dataList.zyqds" unit='/℃' :point="[0,60]"></CardData> -->
        <CardData
          type="增压器(滑油)"
          :data="props.dataList.zyqry"
          unit="/℃"
          :point="[0, 80]"
        ></CardData>
      </div>
      <div>
        <CardData
          v-for="(item, index) in props.dataList.pqw"
          :type="'#' + (index + 1) + '(轴承/排气温)'"
          :data="item"
          unit="/℃"
          :point="[200, 650]"
        ></CardData>
      </div>
      <div>
        <CardData
          type="增压器(进口温度)"
          :data="props.dataList.zyqzs"
          unit="/℃"
          :point="[0, 30000]"
        ></CardData>
        <CardData
          type="增压器(出口温度)"
          :data="props.dataList.zyqzs"
          unit="/℃"
          :point="[0, 30000]"
        ></CardData>
      </div>
    </div>
  </el-card>
  <el-card style="margin-bottom: 10px">
    <!-- <h6 style="text-align: left">齿轮箱</h6> -->
    <div
      class="box"
      style="display: flex; flex-wrap: wrap; flex-direction: column"
    >
      <CardData
        type="齿轮箱(滑油压力)"
        :data="props.dataList.clxds"
        unit="/bar"
        :point="[0, 80]"
      ></CardData>
      <CardData
        type="齿轮箱(滑油)"
        :data="props.dataList.clxry"
        unit="/℃"
        :point="[0, 60]"
      ></CardData>
    </div>
  </el-card>
  <el-card style="margin-bottom: 10px">
    <!-- <h6 style="text-align: left">尾轴</h6> -->
    <div
      class="box"
      style="display: flex; flex-wrap: wrap; flex-direction: column"
    >
      <CardData
        type="尾轴(转速)"
        :data="props.dataList.wzzs"
        unit="r/min"
        :point="[0, 1200]"
      ></CardData>
    </div>
  </el-card>
  <el-card style="margin-bottom: 10px">
    <!-- <h6 style="text-align: left">舵机</h6> -->
    <div
      class="box"
      style="display: flex; flex-wrap: wrap; flex-direction: column"
    >
      <CardData
        type="舵机(角度)"
        :data="props.dataList.djjs"
        :point="[0, 28]"
        unit="°"
      ></CardData>
    </div>
  </el-card>
</template>

<script setup>
import { watch } from "vue";
import CardData from "../layout/CardData.vue";
// import HostEngine from "@/assets/image/hostEngine.png"
let props = defineProps({
  dataList: Object,
  clx: {
    type: Boolean,
    default: true,
  },
  wz: {
    type: Boolean,
    default: true,
  },
  tj: {
    type: Boolean,
    default: true,
  },
});
console.log("==================", props);
</script>

<style scoped></style>
